.fileview {
  &-branch-path {
    display: flex;
    margin: 0% auto 0% auto;
    margin-top: 15px;
    max-width: 1024px;
    align-items: center;
    img {
      padding-left: 10px;
    }
    span {
      margin-left: 1em;
    }
    &-select-branch {
      border: 1px solid var(--lessWhite);
      border-radius: 0.25rem;

      &-title {
        padding: 0rem 0rem 0rem 1rem;
      }

      ul {
        padding: 0rem 1rem;
        li {
          list-style: none;
          div {
            border-radius: 0.1rem;
            a {
              display: block;
              width: 100%;
              padding: 0.5rem 0rem;
            }
          }

          div:hover {
            background-color: var(--almostWhite);
          }
        }
      }
    }
    &-filepath {
      span {
        margin-left: 3px;
      }
      
      a {
        cursor: pointer;
      }
    }
  }

  &-commit-container {
    margin: 0% auto 0% auto;
    margin-top: 15px;
    border: 1px solid #9e9e9e;
    border-radius: 0.3vw;
    max-width: 1024px;
    align-items: center;
    &-header {
      color: #1c2b40;
      margin-top: 0;
      border-bottom: 1px solid #e5e5e5;
      background-color: #e5e5e5;
      display: flex;
      border-radius: 0.3vw 0.3vw 0 0;
      &-commit-info {
        display: flex;
        flex: 1;
        &-msg {
          padding: 0.5rem 1rem;

          .title {
            font-weight: bold;
            margin-bottom: 0.5rem;
            font-size: 16px;
          }
        }
      }
      &-commit-code {
        display: flex;
        margin: auto 1rem;
        border: 1px solid #adadad;
        border-radius: 3px;
        height: 30px;

        span {
          margin-left: 0;
          padding: 0 1em;
          margin-top: 0.5em;
        }
      }
    }
    &-contributors {
      margin: 1rem;
      display: flex;
    }
  }
  &-file-container {
    margin: 0% auto 0% auto;
    margin-top: 15px;
    border: 1px solid #9e9e9e;
    border-radius: 0.3vw;
    max-width: 1024px;
    align-items: center;
    &-header {
      color: #1c2b40;
      margin-top: 0;
      border-bottom: 1px solid #e5e5e5;
      background-color: #e5e5e5;
      display: flex;
      border-radius: 0.3vw 0.3vw 0 0;

      p {
        margin-left: 1vw;
        font-size: 1em;
        font-weight: 600;
      }

      &-file-info {
        display: flex;
        flex: 1 1 auto !important;
        padding-right: 16px !important;
        height: 3em;

        p {
          max-width: 40vw;
          text-overflow: ellipsis;
          overflow-x: hidden;
          height: 1.5rem;
          overflow-wrap: break-word;
        }
      }

      &-wrapper {
        display: flex !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
      }
    }

    &-content {
      &-blob {
        color: #1c2b40;
        font-size: 1em;
        padding: 1% 2% 1% 2%;
        overflow-y: hidden;
        display: flex;
        justify-content: center;

        div {
          .file-img {
            max-height: 100%;
            max-width: 100%;
            object-fit: scale-down;
            object-position: center center;
          }
        }
      }
    }
  }
}